function BoxAction(selector){
	this.ele = $(selector).get();
	this.move();
}
BoxAction.prototype.move = function(){
	var oSelf = this;
	$(oSelf.ele).find('.logo a').on({
		mouseenter:function(){
			$(this).stop().animate({
				top:0
			})
		},
		mouseleave:function(){
			$(this).stop().animate({
				top:99
			})
		}
	})	
}

function ShowOpacity(selector){
	this.ele = $(selector).get();
	this.change();
}
ShowOpacity.prototype.change = function(){
	var oSelf = this;
	$(oSelf.ele).find('.show').on({
		mouseenter:function(){
			$(this).find('.text').animate({
				opacity:1
			},300);
			$(this).find('.borderXTop').stop().animate({
				width:165,
				height:82
			});
			$(this).find('.borderXBot').stop().animate({
				width:165,
				height:82
			});
			$(this).find('.borderYLeft').stop().animate({
				width:165,
				height:82
			});
			$(this).find('.borderYRight').stop().animate({
				width:165,
				height:82
			});
		},
		mouseleave:function(){
			$(this).find('.text').animate({
				opacity:0
			},300);
			$(this).find('.borderXTop').stop().animate({
				width:0,
				height:0
			});
			$(this).find('.borderXBot').stop().animate({
				width:0,
				height:0
			});
			$(this).find('.borderYLeft').stop().animate({
				width:0,
				height:0
			});
			$(this).find('.borderYRight').stop().animate({
				width:0,
				height:0
			});
		}
		
	})
	
}


function Show2Skew(selector){
	this.ele = $(selector).get(0);
	this.skew();
	this.changeImg();
}
Show2Skew.prototype.skew = function(){
	var oSelf = this;
	$(oSelf.ele).find('.box .show2 .right,.box .show3 .right').children().on({
		mouseenter:function(){
			$(this).find('.goodscontent').animate({
				left:'-10px'
			});
			$(this).find('a img').animate({
				left:'10px'
			});
		},
		mouseleave:function(){
			$(this).find('.goodscontent').animate({
				left:0
			});
			$(this).find('a img').animate({
				left:0
			});
		}
	})
	
}

Show2Skew.prototype.changeImg = function(){
	var oSelf = this;
	$(oSelf.ele).find('.listico li').on({
		mouseenter:function(){
			$(this).siblings().removeClass();
			$(this).addClass('changeBgcolor');
			$(oSelf.ele).find('.box').stop().animate({
				left:$(this).index()*-$('.case').width()
			})
		}	
	})
	
}





function Main4Animate(selector){
	this.ele = $(selector).get(0);
	this.change();
}
Main4Animate.prototype.change = function(){
	var oSelf = this;
	$(oSelf.ele).find('.show').on({
		mouseenter:function(){
			$(this).find('.borderXTop').stop().animate({
				width:192,
				height:62
			},300);
			$(this).find('.borderXBot').stop().animate({
				width:192,
				height:62
			},300);
			$(this).find('.borderYLeft').stop().animate({
				width:192,
				height:62
			},300);
			$(this).find('.borderYRight').stop().animate({
				width:192,
				height:62
			},300);
			
		},
		mouseleave:function(){
			$(this).find('.borderXTop').stop().animate({
				width:0,
				height:0
			},300);
			$(this).find('.borderXBot').stop().animate({
				width:0,
				height:0
			},300);
			$(this).find('.borderYLeft').stop().animate({
				width:0,
				height:0
			},300);
			$(this).find('.borderYRight').stop().animate({
				width:0,
				height:0
			},300);
			
		}
		
	})
	
}
